import React, { Component } from 'react'
import { Switch,Route,Redirect} from 'react-router-dom'
import MyNavLink from '../../components/MyNavLink'
import News from './News'
import Message from './Message'


export default class Home extends Component {
  render() {
    return (
      <div>
        <h3>我是Home的内容</h3>
        <div>
          <ul className='nav nav-tabs'>
            <li>
              <MyNavLink to='/home/news'>News</MyNavLink>
            </li>
            <li>
              <MyNavLink to='/home/message'>Message</MyNavLink>
            </li>
          </ul>

        {/* 注册子路由

              1.注册子路由时,要添加上父路由的path值 
              2.路由的匹配是按照注册路由的顺序进行的
        
        */}
        <Switch>
          <Route path='/home/news' component={News}></Route>
          <Route path='/home/message' component={Message}></Route>
          <Redirect to='/home/news'/>
        </Switch>
        </div>
      </div>
    )
  }
}
